
/* productlist */
ul{
    margin:0;
}
.menu .hasChild ul{
    display: none;
}
/* .menu>.hasChild>ul{
    display: block;
} */
.menuContact{
    padding: 10px 0;
}
.menuContact li{
    padding:5px 15px;
}
.menuBox h3{
    margin: 0;
    padding: 15px 0;
    background:#014da0;
    color:#fff;
    font-weight: normal;
    text-align:center;
}
.menu>li>a{
    padding-left:15px;
}
.menuBox{
    background: #eee;
}
.menu a{
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 1.5em;
    padding-top:1em;
    padding-bottom:1em;
    color:#014da0;
}
.menu a:hover{
    background-image: -webkit-linear-gradient(90deg, #014c9f, #508acc);
    background-image: linear-gradient(90deg, #014c9f, #508acc);
    color: #fff;
}
.menu a>span{
    display: block;
    cursor: pointer;
    position: absolute;
    font-size: 24px;
    width:24px;
    height:24px;
    right:12px;
    top:50%;
    margin-top: -12px;
}
.menu a>span:before{
    height:100%;
    width: 100%;
    text-indent: 0;
    text-align: center;
    font-weight: 100;
    line-height:1em;
    content: "+";
    transition: .4s;
    display: block;
}
.menu a.act>span{
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.menu a.act>span:before{
    content: "-";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.hasChild>a{
    padding-right:48px;
}
.menu>li>ul>li{
    text-indent: 30px;
}
.menu>li>ul>li>ul>li{
    text-indent: 45px;
}
.menu>li>ul>li>ul>li>ul>li{
    text-indent: 60px;
}

/* commonList */
.commonList li{
    margin-bottom: 30px;
}
.commonList li>div{
    border: 1px solid #ccc;
    padding:12px;
}
.commonList li img{
    width: 100%;
    transition: .4s linear;
}
.commonList li>div:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.commonList li>div:hover{
    border-color: #aaa;
}
.commonList li>div:hover>a{
    box-shadow: 0 5px 20px rgba(0,0,0,.5), 0 15px 30px -10px rgba(0,0,0,.3);
}
.commonList li>div div{
    overflow: hidden;
}
.commonList li>div>a{
    display: block;
    overflow: hidden;
    transition: .4s;
}
.commonList .name{
    padding:8px 12px;
    text-align: center;
    background: #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* content */
.content>div.txc{
    margin-bottom: 30px;
}
.content h3.title{
    font-size:22px;
}
.content .time{
    color: #666;
    font-size:13px;
}


@media (min-width:992px) {
    .page{
        padding:30px 0 60px;
    }
    .commonList li img{
        height: 244px;
        max-height: 244px;
    }
}

@media (max-width:992px) {
    .commonList li img{
        height: 132px;
        max-height: 132px;
    }
    .commonList{
        margin-top: 30px;
    }
    .content h3.title{
        font-size:16px;
    }
    .menuBox h3{
        font-size:16px;
    }
    .menuBox h3{
        padding:10px 0;
    }
    .menu a{
        padding-top:0.6em;
        padding-bottom:0.6em;
    }
}